import Vue from "vue";
import App from "./App.vue";
import "./registerServiceWorker";
import router from "./router";
import store from "./store";

// 引入默认样式
import "./common/css/reset.css";
import "./common/css/normalize.css";
import "./common/css/fontFamily.css"; // 只是加载了对应的几个文字的样式。

// 引入 阿里矢量图
import "./assets/iconfont/iconfont.js";
import { myIconGlobalRegistration } from "./components/myIcon/custom/index.js";

// 引入一个简易的拖拽指令
import candrag from "@/utils/candrag.js";

Vue.config.productionTip = false;

Vue.use(myIconGlobalRegistration).use(candrag);


const app = new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");

// 试试这个公式，在项目中多是应用于字体试试看效果效果如何
function setHtmlSize() {
  var pageWidth = window.innerWidth;
  if (typeof pageWidth != "number") {
    if (document.compatMode == "number") {
      pageWidth = document.documentElement.clientWidth;
    } else {
      pageWidth = document.body.clientWidth;
    }
  }
  var fontSize = (window.innerWidth * 100) / 1920; // 默认适配的是常见的宽度
  if (fontSize < 40) {
    fontSize = 40;
  }
  //根据屏幕大小确定根节点字号
  document.getElementsByTagName("html")[0].style.fontSize = fontSize + "px";
}
setHtmlSize();
